<div class="grid-layout layout-loose layout-full"><table>
  <tr>
    <td><div class="grid-layout layout-tighter"><table>
      <tr>
        <td width="50%" id="or-import-encoding"></td>
        <td><input bind="encodingInput"></input></td>
      </tr>
    </table></div></td>
    <td><div class="grid-layout layout-tighter layout-full"><table>
      <tr>
        <td style="text-align: right;">&nbsp;</td>
        <td width="1%"><button class="button" bind="previewButton"></button></td>
      </tr>
      <tr>
        <td style="text-align: right;">&nbsp;</td>
        <td width="1%"><input type="checkbox" bind="disableAutoPreviewCheckbox" id="$disable" />
          <label for="$disable" id="or-disable-auto-preview"></label></td>
      </tr>
    </table></div></td>
  </tr>
  <tr>
    <td><div class="grid-layout layout-tightest"><table>

      <tr>
        <td colspan="2" id="or-row-separator"></td>
      </tr>
      <tr>
        <td width="1%"><input type="radio" name="row-separator" value="newline" id="$row-separator-newline" />
        </td>
        <td><label for="$row-separator-newline" id="or-row-separator-newline"></label></td>
      </tr>
      <tr>
        <td width="1%"><input type="radio" name="row-separator" value="custom" id="$row-separator-regex" />
        </td>
        <td>
          <label for="$row-separator-regex" id="or-row-separator-regex"></label>
          <input bind="rowSeparatorInput" spellcheck="false" type="text" class="lightweight" size="5" />
        </td>
      </tr>
      <tr>
        <td><br /></td>
      </tr>

      <tr><td colspan="2"><span id="or-import-parseEvery"></span> <input bind="linesPerRowInput"spellcheck="false" type="text" class="lightweight" size="2" value="0" />
        <span id="or-import-linesIntoRow"></span>
      </td></tr>
      
      <tr><td width="1%"><input type="checkbox" bind="storeBlankRowsCheckbox" id="$store-blank-rows" /></td>
        <td colspan="2"><label for="$store-blank-rows" id="or-import-blank"></label></td></tr>
      <tr><td width="1%"><input type="checkbox" bind="storeBlankCellsAsNullsCheckbox" id="$store-blank-cells" /></td>
        <td colspan="2"><label for="$store-blank-cells" id="or-import-null"></label></td></tr>
      <tr><td width="1%"><input type="checkbox" bind="includeFileSourcesCheckbox" id="$include-file-sources" /></td>
        <td><label for="$include-file-sources" id="or-import-source"></label></td></tr>
      <tr><td width="1%"><input type="checkbox" bind="includeArchiveFileCheckbox" id="$include-archive-file" /></td>
        <td><label for="$include-archive-file" id="or-import-archive"></label></td></tr>
    </table></div></td>
    
    <td><div class="grid-layout layout-tightest"><table>
      <tr><td width="1%"><input type="checkbox" bind="ignoreCheckbox" id="$ignore" /></td>
        <td><label for="$ignore" id="or-import-ignore"></label></td>
        <td><input bind="ignoreInput" type="number" class="lightweight" size="7" value="0" />
          <label for="$ignore" id="or-import-lines"></label></td></tr>
      <tr><td width="1%"><input type="checkbox" bind="skipCheckbox" id="$skip" /></td>
        <td><label for="$skip" id="or-import-discard"></label></td>
        <td><input bind="skipInput" type="number" class="lightweight" size="7" value="0" />
          <label for="$skip" id="or-import-rows"></label></td></tr>
      <tr><td width="1%"><input type="checkbox" bind="limitCheckbox" id="$limit" /></td>
        <td><label for="$limit" id="or-import-load"></label></td>
        <td><input bind="limitInput" type="number" class="lightweight" size="7" value="0" />
          <label for="$limit" id="or-import-rows2"></label></td></tr>
    </table></div></td>
  </tr>
</table></div>